<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Product Information - Dune: Awakening</title>
        <meta name="description" content="Learn about Dune: Awakening's system requirements, supported platforms, and get to know the publisher Funcom and their other amazing games.">
        <meta name="keywords" content="dune awakening requirements, dune system specs, funcom games, dune platforms">
        
        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://dune-awakening.com/product">
        <meta property="og:title" content="Product Information - Dune: Awakening">
        <meta property="og:description" content="Learn about Dune: Awakening's system requirements, supported platforms, and publisher information.">
        <meta property="og:image" content="https://dune-awakening.com/static/logo.png">
        
        <!-- Twitter -->
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Product Information - Dune: Awakening">
        <meta name="twitter:description" content="Learn about Dune: Awakening's system requirements, supported platforms, and publisher information.">
        <meta name="twitter:image" content="https://dune-awakening.com/static/logo.png">
        
        <!-- Favicon -->
        <link rel="icon" type="image/x-icon" href="static/favicon.ico">
        <link rel="apple-touch-icon" href="static/logo.png">
        
        <!-- Styles -->
        <link rel="stylesheet" href="static/base.css?v=0.1.1">
        <meta name="msvalidate.01" content="B362957FC36C5EDDD6079B6D78330424">
        
        <!-- IndexNow -->
        <meta name="yandex-verification" content="c0ded2a1a0de0c5f" />
        <meta name="IndexNow-Url" content="https://dune-awakening.com/">
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-ET0ZKVLZYL"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-ET0ZKVLZYL');
        </script>
        <style>
            .product-header {
                background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
                background-size: cover;
                background-position: center;
                color: white;
                padding: 150px 0 80px;
                text-align: center;
                margin-bottom: 4rem;
            }

            .product-header h1 {
                font-size: 3rem;
                margin-bottom: 1rem;
            }

            .requirements-section {
                background: white;
                padding: 4rem 0;
            }

            .requirements-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                gap: 2rem;
                margin-top: 2rem;
            }

            .requirements-card {
                background: var(--bg-color);
                padding: 2rem;
                border-radius: 10px;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            }

            .requirements-card h3 {
                color: var(--secondary-color);
                margin-bottom: 1.5rem;
                font-size: 1.5rem;
            }

            .requirements-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .requirements-list li {
                margin-bottom: 1rem;
                display: flex;
                align-items: flex-start;
            }

            .requirements-list strong {
                min-width: 120px;
                color: var(--accent-color);
                margin-right: 1rem;
            }

            .platforms-section {
                background: var(--secondary-color);
                color: white;
                padding: 4rem 0;
            }

            .platform-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 2rem;
                margin-top: 2rem;
            }

            .platform-card {
                background: rgba(255, 255, 255, 0.1);
                padding: 2rem;
                border-radius: 10px;
                text-align: center;
                transition: transform 0.3s ease;
            }

            .platform-card:hover {
                transform: translateY(-5px);
            }

            .platform-icon {
                font-size: 3rem;
                margin-bottom: 1rem;
            }

            .publisher-section {
                padding: 4rem 0;
                background: white;
            }

            .publisher-info {
                display: grid;
                grid-template-columns: 1fr 2fr;
                gap: 2rem;
                align-items: center;
                margin-bottom: 3rem;
            }

            .publisher-logo img {
                max-width: 100%;
                height: auto;
            }

            .publisher-games {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                gap: 2rem;
            }

            .game-card {
                background: var(--bg-color);
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            }

            .game-card img {
                width: 100%;
                height: 150px;
                object-fit: cover;
            }

            .game-info {
                padding: 1rem;
            }

            .game-info h4 {
                margin: 0 0 0.5rem;
                color: var(--secondary-color);
            }

            .game-info p {
                font-size: 0.9rem;
                color: #666;
                margin: 0;
            }

            .cta-section {
                background: var(--accent-color);
                color: var(--secondary-color);
                padding: 4rem 0;
                text-align: center;
            }

            .cta-button {
                display: inline-block;
                background: var(--secondary-color);
                color: white;
                padding: 1rem 2rem;
                border-radius: 4px;
                text-decoration: none;
                font-weight: bold;
                margin-top: 2rem;
                transition: background-color 0.3s ease;
            }

            .cta-button:hover {
                background: var(--dark-accent);
            }

            @media (max-width: 768px) {
                .publisher-info {
                    grid-template-columns: 1fr;
                }
            }
        </style>
    </head>
    <body>
        <header>
            <div class="container">
                <nav>
                    <div class="logo">
                        <img src="static/logo.png" alt="Dune: Awakening Logo">
                    </div>
                    <button class="mobile-menu-btn">
                        <span></span>
                        <span></span>
                        <span></span>
                    </button>
                    <ul>
                        <li><a href="/">Home</a></li>
                        <li><a href="/news">News</a></li>
                        <li><a href="/media">Media</a></li>
                        <li><a href="/character">Character</a></li>
                        <li><a href="/product">Product</a></li>
                    </ul>
                </nav>
            </div>
            <div class="mobile-menu">
                <button class="close-menu">&times;</button>
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="/news">News</a></li>
                    <li><a href="/media">Media</a></li>
                    <li><a href="/character">Character</a></li>
                    <li><a href="/product">Product</a></li>
                </ul>
            </div>
        </header>
        <script type="text/javascript">
            atOptions = {
                'key' : '6c78042cc4e30c8ff128fa21be82d4ff',
                'format' : 'iframe',
                'height' : 60,
                'width' : 468,
                'params' : {}
            };
        </script>
        <script type="text/javascript" src="//www.highperformanceformat.com/6c78042cc4e30c8ff128fa21be82d4ff/invoke.js"></script>
        <main>
            <section class="product-header">
                <div class="container">
                    <h1>Product Information</h1>
                    <p>Everything you need to know about playing Dune: Awakening</p>
                </div>
            </section>

            <section class="requirements-section">
                <div class="container">
                    <h2>System Requirements</h2>
                    <div class="requirements-grid">
                        <div class="requirements-card">
                            <h3>Minimum Requirements</h3>
                            <ul class="requirements-list">
                                <li>
                                    <strong>OS:</strong>
                                    <span>Windows 10 64-bit</span>
                                </li>
                                <li>
                                    <strong>Processor:</strong>
                                    <span>Intel Core i5-8400 or AMD Ryzen 5 2600X</span>
                                </li>
                                <li>
                                    <strong>Memory:</strong>
                                    <span>16 GB RAM</span>
                                </li>
                                <li>
                                    <strong>Graphics:</strong>
                                    <span>NVIDIA GeForce GTX 1060 6GB or AMD Radeon RX 580 8GB</span>
                                </li>
                                <li>
                                    <strong>Storage:</strong>
                                    <span>100 GB available space</span>
                                </li>
                                <li>
                                    <strong>Network:</strong>
                                    <span>Broadband Internet connection</span>
                                </li>
                            </ul>
                        </div>

                        <div class="requirements-card">
                            <h3>Recommended Requirements</h3>
                            <ul class="requirements-list">
                                <li>
                                    <strong>OS:</strong>
                                    <span>Windows 10/11 64-bit</span>
                                </li>
                                <li>
                                    <strong>Processor:</strong>
                                    <span>Intel Core i7-10700K or AMD Ryzen 7 5800X</span>
                                </li>
                                <li>
                                    <strong>Memory:</strong>
                                    <span>32 GB RAM</span>
                                </li>
                                <li>
                                    <strong>Graphics:</strong>
                                    <span>NVIDIA GeForce RTX 3070 or AMD Radeon RX 6800</span>
                                </li>
                                <li>
                                    <strong>Storage:</strong>
                                    <span>100 GB SSD</span>
                                </li>
                                <li>
                                    <strong>Network:</strong>
                                    <span>High-speed Internet connection</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <section class="platforms-section">
                <div class="container">
                    <h2>Available Platforms</h2>
                    <div class="platform-grid">
                        <div class="platform-card">
                            <div class="platform-icon">🖥️</div>
                            <h3>PC</h3>
                            <p>Available on Steam</p>
                            <p>Early 2025</p>
                        </div>
                        <div class="platform-card">
                            <div class="platform-icon">🎮</div>
                            <h3>PlayStation 5</h3>
                            <p>Coming Soon</p>
                            <p>Release Date TBA</p>
                        </div>
                        <div class="platform-card">
                            <div class="platform-icon">🎮</div>
                            <h3>Xbox Series X|S</h3>
                            <p>Coming Soon</p>
                            <p>Release Date TBA</p>
                        </div>
                    </div>
                </div>
            </section>

            <section class="publisher-section">
                <div class="container">
                    <h2>About the Publisher</h2>
                    <div class="publisher-info">
             
                        <div class="publisher-description">
                            <p>Funcom is a leading developer and publisher of online games for PC and consoles. Founded in 1993, the company has developed and published numerous acclaimed titles, including 'Conan Exiles', 'Age of Conan', 'The Secret World', and many more.</p>
                            <p>With over 25 years of experience in the gaming industry, Funcom continues to innovate and create engaging experiences for players worldwide.</p>
                        </div>
                    </div>

                    <h3>Other Games by Funcom</h3>
                    <div class="publisher-games">
                        <div class="game-card">
                           <div class="game-info">
                                <h4>Conan Exiles</h4>
                                <p>Open-world survival game set in the brutal lands of Conan the Barbarian</p>
                            </div>
                        </div>
                        <div class="game-card">
                            <div class="game-info">
                                <h4>The Secret World</h4>
                                <p>Modern-day MMO with a unique setting and deep storytelling</p>
                            </div>
                        </div>
                        <div class="game-card">
                            <div class="game-info">
                                <h4>Age of Conan</h4>
                                <p>Fantasy MMORPG based on Robert E. Howard's Conan universe</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="cta-section">
                <div class="container">
                    <h2>Ready to Begin Your Journey on Arrakis?</h2>
                    <p>Pre-order now and be among the first to experience the epic world of Dune: Awakening</p>
                    <a href="https://store.steampowered.com/app/1172710/Dune_Awakening/" target="_blank" class="cta-button">Pre-order Now on Steam</a>
                </div>
            </section>
        </main>

        <footer>
            <div class="container">
                <div class="footer-content">
                    <div class="footer-logo">
                        <img src="static/logo.png" alt="Dune: Awakening Logo">
                    </div>
                    <div class="footer-links">
                        <h3>Navigation</h3>
                        <ul>
                            <li><a href="/">Home</a></li>
                            <li><a href="/news">News</a></li>
                            <li><a href="/media">Media</a></li>
                            <li><a href="/character">Character</a></li>
                            <li><a href="/product">Product</a></li>
                        </ul>
                    </div>
                    <div class="footer-links">
                        <h3>Community</h3>
                        <ul>
                            <li><a href="https://discord.gg/duneawakening" target="_blank">Discord</a></li>
                            <li><a href="https://twitter.com/duneawakening" target="_blank">Twitter</a></li>
                            <li><a href="https://www.youtube.com/duneawakening" target="_blank">YouTube</a></li>
                        </ul>
                    </div>
                    <div class="footer-links">
                        <h3>Legal</h3>
                        <ul>
                            <li><a href="/privacy-policy">Privacy Policy</a></li>
                            <li><a href="/terms-of-service">Terms of Service</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-bottom">
                    <p>© 2025 Dune: Awakening. All rights reserved.</p>
                </div>
            </div>
        </footer>
    </body>
</html> 